@font-face {
	font-family: 'helvetica';
	src: url(../type/HelveticaWorld-Regular.otf);
	font-weight: normal;
	font-style: normal;		
}
@font-face {
	font-family: 'helvetica-bold';	
	src: url(../type/HelveticaWorld-Bold.otf);
	font-weight: bold;
}
@font-face {
	font-family: 'Myriad Pro';
	src: url(../type/MyriadPro-Bold.otf);
}
body,input, select, textarea {
	font-size: 12px;
	line-height: 19px;
	font-family: 'helvetica';
	color: #000;
}
.WrapperHeader {
	width: 100%;
	height: 100px;
	overflow: hidden;
	background: url(../images/bg-header-loop.gif) repeat-x left top;
}
.Header {
	position: relative;
	width: 1180px;
	margin: 0 auto;
	overflow: hidden;
}
.Header .MenuTop {
	background: url(../images/bg-menutop.gif) no-repeat;
	height: 47px;
	width: 100%;
	position: relative;
}
.Header .MenuTop ul.MenuTopLeft {
	width: 445px;
	padding: 5px 0 10px 15px;
	float: left;
}
.Header .MenuTop ul.MenuTopLeft li {
	list-style-type: none;
	margin: 0 15px;
	float: left;
}
.Header .MenuTop ul.MenuTopLeft li a:link,
.Header .MenuTop ul.MenuTopLeft li a:visited {
	text-transform: uppercase;
	color: #fff;
	font-family: VNI-Avo;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}
.Header .MenuTop ul.MenuTopLeft li a:hover {
	color: #c4b3d1;
	text-decoration: none;
}
.Header .MenuTop ul.MenuTopRight {
	width: 445px;
	padding: 5px 0 0 0;
	float: right;
}
.Header .MenuTop ul.MenuTopRight li {
	list-style-type: none;
	float: left;
	margin: 0 10px;
}
.Header .MenuTop ul.MenuTopRight li.Last {	
	margin: 0 10px 0 0;
}
.Header .MenuTop ul.MenuTopRight li a:link,
.Header .MenuTop ul.MenuTopRight li a:visited {
	text-transform: uppercase;
	color: #fff;
	font-family: VNI-Avo;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
.Header .MenuTop ul.MenuTopRight li a:hover {
	color: #c4b3d1;
	text-decoration: none;
}
.Header .MenuTop ul.MenuTopRight li a:link span,
.Header .MenuTop ul.MenuTopRight li a:visited span,
.Header .MenuTop ul.MenuTopRight li a:hover span {
	padding: 6px 2px 0 0;
	float: left;
}
.Header .UserInfoTop {
	width: 100%;
	height: 47px;
}
.Header .UserInfoTop a.ArrowDown:link,
.Header .UserInfoTop a.ArrowDown:visited {
	width: 50px;
	height: 47px;
	display: block;
	float: right;
	text-indent: -9999px;
	background: url(../images/icon/icon-arrowdown.jpg) no-repeat;
}
.Header .UserInfoTop .UserInfoTopContent {
	height: 47px;
	display: block;
	float: right;
}
.Header .UserInfoTop .UserInfoTopContent a.UserInfoTopAvatar:link,
.Header .UserInfoTop .UserInfoTopContent a.UserInfoTopAvatar:visited {
	float: left;
	width: 31px;
	height: 31px;
	margin: 6px 5px 0 0;
	display: inline;
	display: block;
	overflow: hidden;
}
.Header .UserInfoTop .UserInfoTopContent .UserInfoTopCenter {
	float: left;
	height: 47px;
	margin: 6px 0 0 0;
}
.Header .UserInfoTop .UserInfoTopContent .UserInfoTopAcc a:link,
.Header .UserInfoTop .UserInfoTopContent .UserInfoTopAcc a:visited {
	color: #58267f;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}
.Header .UserInfoTop .UserInfoTopContent .UserInfoTopLogout a:link,
.Header .UserInfoTop .UserInfoTopContent .UserInfoTopLogout a:visited {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	padding: 0 0 0 19px;
	background: url(../images/icon/icon-logout.gif) no-repeat;
	height: 18px;
	display: block;
	text-transform: uppercase;
}
.Header .UserInfoTop a.UserInfoTopSetting:link,
.Header .UserInfoTop a.UserInfoTopSetting:visited {
	width: 18px;
	height: 18px;
	display: block;
	text-indent: -9999px;
	float: left;
	background: url(../images/icon/icon-setting.gif) no-repeat;
	margin: 13px 7px 0 10px;
	display: inline
}
.Header .Nav {
	height: 52px;
	width: 100%;
	overflow: hidden;	
}
.Header .Nav ul {
	width: 730px;	
	padding: 20px 0 0 175px;
	overflow: hidden;
}
.Header .Nav ul li {
	float: left;
	background: url(../images/line-navtop.jpg) no-repeat right;
	padding: 0 15px;
}
.Header .Nav ul li.Last {
	background: none;
}

.Header .Nav ul li a:link, 
.Header .Nav ul li a:visited {
    color: #656565;
    float: left;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
.Header .Nav ul li.Active a:link, 
.Header .Nav ul li.Active a:visited,
.Header .Nav ul li.Active a:hover,
.Header .Nav ul li a:hover {
	text-decoration: none;
	color: #621c9a;
}
.Nav a.Logo:link,
.Nav a.Logo:visited,
.Nav a.Logo:hover {
	width: 184px;
	height: 54px;
	display: block;
	float: left;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	padding: 10px 0 0 10px;
}
.WrapperContent {
	overflow: hidden;
	width: 100%;
}
.Content {
	min-height: 300px;
	width: 1280px;
	overflow: hidden;
	margin: 0 auto;
}
.Content .ContentMain {
	margin: 30px 60px 40px;
}
.ContentMain .ContentBlock {
	margin: 20px 0 0;
}
.ContentMain .ContentBlock p {
	font-family: 'helvetica';
	font-size: 14.11px;
	margin: 20px 0;
}
.ContentMain .ContentBlock a {
	color: #8449b1;
}
.ContentMain .ContentBlock a:hover {
	text-decoration: underline;
}
.WrapperFooter {
	height: 29px;
	background: url(../images/bg-footer-loop.gif) repeat-x;
	width: 100%;
	overflow: hidden;
}
.WrapperFooter .Footer {
	width: 1180px;
	margin: 0 auto;
}
.WrapperFooter .Footer .CopyRight {
	font-family: 'Myriad Pro';
	font-weight: bold;
	float: left;
	padding: 5px 0 0 61px;
}
.WrapperFooter .Footer .CopyRight span {
	color: #400a6b;
}
.WrapperFooter .Footer .NavFooter {
	float: right;
}
.WrapperFooter .Footer .NavFooter li {
	float: left;
	background: url(../images/line-footer.gif) no-repeat right 3px;
	padding: 0 7px;
	font-family: 'Myriad Pro';
	font-weight: bold;
}
.WrapperFooter .Footer .NavFooter li a:link,
.WrapperFooter .Footer .NavFooter li a:visited {
	float: left;
	font-family: 'Myriad Pro';
	color: #000;
	font-weight: normal;
}